<template>
	<view style="width: 100%;display: flex;justify-content: center;align-items: center;">
		<view class="top-notice">
			<text style="font-weight: bold;text-align: left;">{{title}}</text><br />
			{{ message }}
		</view>
	</view>
</template>

<script>
	export default {
		props: {
			title: {
				type: String,
				default: ''
			},
			message: {
				type: String,
				default: ''
			}
		},
		name: "topNotice",
		data() {
			return {

			};
		}
	}
</script>

<style scoped>
	.top-notice {
		position: fixed;
		top: 40rpx;
		/* left: 50%; */
		width: 90%;
		border-radius: 20rpx;
		border: 1rpx solid #000;
		background-color: #fff;
		/* 背景色 */
		color: #000;
		/* 文字颜色 */
		/* text-align: center; */
		/* 文字居中 */
		padding: 10px;
		/* 内边距 */
		z-index: 99999;
		/* 确保在最上层 */
	}
</style>